*{
		margin:0 auto;
		padding:0px;
		font-size:15px;
		
	}
	.info{
		text-align:center;
		font-size:20px;
		font:bold;
	}

/* ---------------������----------------- */
	.input {
    font-size: 14px;
    padding: 10px;
    border: solid 1px #ddd;
    width: 100%;
    line-height: 20px;	
    display: block;
    border-radius: 3px;
    -webkit-appearance: none;
}
/* -----------------������ť--------------- */
a {
    color: #333;
    text-decoration: none;
}
.button:hover {
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}

.button {
    border: solid 1px #ddd;
    background: transparent;
    border-radius: 4px;
    font-size: 14px;
    padding: 6px 15px;
    margin: 0;
    display: inline-block;
    line-height: 20px;
    transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}
.button.border-main:hover, .button.border-main:focus{
    color: #fff;
    border-color: #0ae;
    background-color: #0ae;
}

.button.border-red:hover, .button.border-red:focus{
    color: #fff;
    border-color: #e33;
    background-color: #e33;
}
.button.border-black:hover, .button.border-black:focus{
    color: #fff;
    border-color: black;
    background-color: black;
}
/* --------------���------------------ */
	table.gridtable {
		width:100%;
		font-family: verdana,arial,sans-serif;
		font-size:11px;
		color:#333333;
		border-width: 1px;
		border-color: #ddd;
		border-collapse: collapse;
	}
	table.gridtable th {
		/* width:120px; */
		border-width: 1px;
		/* padding: 8px; */
		padding-left:18px;
		padding-right:18px;
		padding-top:8px;
		padding-bottom:8px;
		border-style: solid;
		border-color: #ddd;
		background-color: #fcfcfc;
	}
	table.gridtable td {
		text-align: center;
		border-width: 1px;
		padding: 8px;
		border-style: solid;
		border-color: #ddd;
		background-color: #ffffff;
	}
	
	#layer {
    width: 300px;
    height: 300px;
    position: fixed;
    text-align: center;
    padding: 20px;
    background-color: #fff;
    border: 1px solid black;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-top: -200px;
}
.layer{
	width: 300px;
    position: fixed;
    text-align: center;
    padding: 20px;
    background-color: #fff;
    border: 1px solid black;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-top: -200px;
	height: 200px;
}
#AddConducor{
	width: 100%;
	height: 100vh;
	position: fixed;
	top:0;left:0;
	background-color:rgba(0,0,0,0.5);
	display: none;
}
.tab tr{
	margin-top: 5px;
}
.tab tr td{
	vertical-align: middle;
	margin-top: 13px;
    font-size: 16px;
}
.f{
	float: right;
}
.b{
	width:200px;
	height:25px;
	margin-top: 5px;
}
.s{
	text-align: center;
	font-size: 17px;
}
.bt{
	width: 70px;
    height: 26px;
    font-size: 16px;
	float: right;
    margin-right: 20px;
}

#layer1 {
    width: 300px;
    height: 300px;
    position: fixed;
    text-align: center;
    padding: 20px;
    background-color: #fff;
    border: 1px solid black;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-top: -200px;
}
#AddConducor1{
	width: 100%;
	height: 100vh;
	position: fixed;
	top:0;left:0;
	background-color:rgba(0,0,0,0.5);
	display: none;
}
.tab1 tr{
	margin-top: 5px;
}
.tab1 tr td{
	vertical-align: middle;
	margin-top: 13px;
    font-size: 16px;
}
.f1{
	float: right;
}
.b1{
	width:200px;
	height:25px;
	margin-top: 5px;
}
.s1{
	text-align: center;
	font-size: 17px;
}
.bt1{
	width: 70px;
    height: 26px;
    font-size: 16px;
	float: right;
    margin-right: 20px;
}


#deleteloayer {
    width: 290px;
    height: 170px;
    position: fixed;
    text-align: center;
    padding: 20px;
    background-color: #fff;
    border: 1px solid black;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-top: -200px;
    border-radius: 35px;
}
#delete{
	width: 100%;
	height: 100vh;
	position: fixed;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.5);
	display: none;
}
#deleteContent h1{
	font-size: 25px;
    margin-top: 35px;
}
#deleteContent input{
	margin: 15px;
    padding: 6px;
}
}
	
	